<template>
	<view class="contentsss display " style="margin-top: 24rpx;">
		<view class="contentsss_all display  displaycenter_aliem">
			<view class="left_details  display displayColumn">
				<view class="one_left_details display  displaycenter_aliem">
					<span class="font_comm fontSize lu_txt">摩卡洗车东路店</span>
				</view>
				<view class="two_left_details display  displaycenter_aliem">
					<span class="font_comm fontSize fn_txt2">北京市朝阳区265号</span>
					<span class="fontSize font_comm fn_txt3" style="margin-left: 16rpx;">2.35km</span>
				</view>
			</view>
			<view class="right_details  display  all_item">
				<view :class="{fn_circle:!checked, fn_circle1:checked, display:true,all_item:true}">
					<view class="fn_circle1_all"></view>
				</view>
			</view>
		</view>
	</view>
	
</template>

<script>
	export default{
		data(){
			return {
				checked:true,//true选中  false没选中
			}
		},
		methods:{
			
		}
	}
</script>

<style scoped lang="scss">
	.contentsss{
		width: 750rpx;
		height: 120rpx;
		margin-left: 40rpx;
		margin-right: 40rpx;
		.contentsss_all{
			width: 100%;
			height: 100%;
			margin-left: 30rpx;
			margin-right: 30rpx;
			border-bottom:  2rpx solid #F6F6F6;
			.left_details{
				flex: 9;
				.one_left_details{
					width: 100%;
					height: 48rpx;
					.lu_txt{
						font-weight: 600;
						font-size: 28rpx;
						color: #212121;
					}
				}
				.two_left_details{
					width: 100%;
					height: 48rpx;
					.fn_txt2{
						font-weight: 400;
						font-size: 24rpx;
						color: #72778A;
					}
					.fn_txt3{
						font-weight: 600;
						font-size: 24rpx;
						color: #212121;
					}
				}
			}
			.right_details{
				flex: 1;
				.fn_circle{
					width: 32rpx;
					height: 32rpx;
					border-radius: 50%;
					border: 2rpx solid #72778A;
				}
				.fn_circle1{
					width: 32rpx;
					height: 32rpx;
					border-radius: 50%;
					border: 2rpx solid #126BC9;
					.fn_circle1_all{
						width: 25rpx;
						height: 25rpx;
						background: #126BC9;
						border-radius:50%;
					}
				}
			}
		}
	}
	
</style>